<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.prime.com.tr/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    
    <body>
        
        <ui:composition template="./template.xhtml">
            
            <ui:define name="top">
                Altas:
            </ui:define>

            <ui:define name="left">
                
            </ui:define>

            <ui:define name="content">
                
                <h3>Alta areas:</h3>
                <h:form>
                    <h:panelGrid columns="3">
                   Nombre área:
                   <p:inputText required="true" value="#{areaBean.area.tipo}"/>
                   
                   <h:commandButton value="Guardar" type="submit" action="#{areaBean.guardar()}"/>
                   
                   <br/>
                   <p:dataTable value="#{areaBean.verAreas()}" var="area" >
                        <p:column>
                            <f:facet name="header">
                                    Nombre
                            </f:facet>
                           #{area.tipo}
                        </p:column>
                    </p:dataTable> 
                   
                    </h:panelGrid>
                             
                </h:form>
                
                <h3>Alta dependencia:</h3>
                <h:form>
                    <h:panelGrid columns="3">
                        Dependencia: 
                        <p:inputText id="dependencia" required="true" value="#{dependenciaBean.dependencia.dependencia}"/>
                        <h:message for="dependencia"/>
                        Areas:<br/><br/>
                        <h:selectOneMenu id="areas" value="#{dependenciaBean.dependencia.idArea}" >
                            <f:selectItems value="#{areaBean.verAreas()}" var="var" itemLabel="#{var.tipo}" itemValue="#{var}"/>
                            <f:converter converterId="areaconverter"/>
                        </h:selectOneMenu>
                        
                        
                    <h:commandButton type="submit" value="Guardar" action="#{dependenciaBean.guardarDependencia()}" />
                    </h:panelGrid>
                        <br/>
                        Dependencias:  
                        <h:panelGrid columns="1">
                        <p:dataTable value="#{dependenciaBean.verDependencias()}" var="var">
                            <p:column>
                                <f:facet name="header">
                                    Nombre:
                                </f:facet>
                                #{var.dependencia}
                            </p:column>
                            <p:column>
                                 <f:facet name="header">
                                    Area:
                                </f:facet>
                                #{var.idArea.tipo}
                            </p:column>
                        </p:dataTable>
                        
                        <br/>
                        </h:panelGrid>
                    
                    
                </h:form>
                    
                <h3>Alta prioridad:</h3>
                <h:form>
                    <h:panelGrid columns="3">
                
                        Prioridad <p:inputText value="#{prioridadBean.prioridad.prioridad}" required="true"/>
                        <h:commandButton type="submit" action="#{prioridadBean.guardaPrioridad()}" value="Guardar"/>
                    </h:panelGrid>    
                    
                </h:form> 
                
                <h3>Alta responsable:</h3>
                
                <h:form>
                    <h:panelGrid columns="3">
                        Nombre:
                        <p:inputText id="nombre" required="true" value="#{responsableBean.repsonsable.idPersona.nombre}"/>
                        <h:message for="nombre"/>
                        Apellido Paterno:
                        <p:inputText id="paterno" required="true" value="#{responsableBean.repsonsable.idPersona.apPat}"/>
                        <h:message for="paterno"/>
                        Apellido Materno:
                        <p:inputText id="materno" required="true" value="#{responsableBean.repsonsable.idPersona.apMat}"/>                     
                        <h:commandButton value="Guardar" action="#{responsableBean.guardar()}"/>
                        
                    </h:panelGrid>
                    
                    
                </h:form>
                
                
            </ui:define>
            
        </ui:composition>
        
    </body>
</html>
